<template>
	<view>
		<view class="login">
			<view class="loginLove">登录恋爱吧</view>
			<view class="change">
				<view class="">成为知心爱人</view>
				<view class="">共建心灵港湾</view>
			</view>
		</view>
		<view class="name">请选择登录目的</view>
		<view class="change">
			<u-cell size="large" title="征婚  寻找知心爱人" value="内容" isLink></u-cell>
			<u-cell size="large" title="学习  成为知心知情知意的人" value="内容" isLink></u-cell>
			<u-cell size="large" title="谈心  找知音说说心里话" value="内容" isLink></u-cell>
			<u-cell size="large" title="解惑  找专家导师解决心中困扰" value="内容" isLink></u-cell>
			<u-cell size="large" title="以上都不是,我自己输入" ></u-cell>
			<u-button type="primary" class="btn">确定</u-button>
		</view>
		
	</view>
</template>

<script>
	import {
		getRegister
	} from "../../api/index.js"
	export default {
		data() {
			return {

			}
		},
		onShow() {},
		methods:{
			btn(){
				
			}
		}
	}
</script>

<style lang="scss">
	.login {
		background-color: #0084ff;
		height: 100px;
		color: #fff;
		margin-bottom: 30px;

		.loginLove {
			text-align: center;
			padding-top: 20px;
		}

		.change {
			padding-top: 20px;
			display: flex;
			justify-content: space-around;
		}
	}

	.name {
		margin: 0 10px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		color: #0084ff;
	}
	.change{
		margin: 10px 20px 0 20px;
		.btn{
			margin-top: 40px;
		}
	}
</style>
